<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Programación a la carta</title>
    <meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0;"/>
    <link rel="stylesheet" href="/media/iui/iui.css" type="text/css" />
    <link rel="stylesheet" href="media/css/rtve.css" type="text/css" />
    <link rel="apple-touch-icon" href="/media/images/iphoneicon.png"/>
    <script type="application/x-javascript" src="/media/iui/iui.js"></script>
    <script type="application/x-javascript" src="/media/js/jquery-1.3.2.min.js"></script>
    <script type="application/x-javascript" src="/media/js/rtve.js"></script>

</head>
<body>
<div class="toolbar">
    <h1 id="pageTitle">Programas</h1>
    <a id="backButton" class="button" href="#" style="z-index:100"></a>
    <a class="leftButton button" style="z-index:0" href="#filterForm">Buscar</a>
    <a id="createFeedButton" class="button blueButton" href="#createFeed">Crear feed</a>
</div>
{% block showsList %}{% endblock %}

<form id="filterForm" class="dialog" action="/search/" method="POST">
    <fieldset>
        <h1>Buscar programas</h1>
        <a class="button leftButton" type="cancel">Cerrar</a>
        <a class="button blueButton" type="submit">Buscar</a>
        
        <label>Programa:</label>
        <input style="padding-left:76px" id="terms" type="text" name="terms"/>
   </fieldset>

</form>

<form id="createFeed" class="dialog">
    <fieldset>
        <h1 id="hCreate">Preparando feed...</h1>
        <!--<a id="backSearch" class="backButton button leftButton" type="cancel" href="#">Volver</a>-->
        <div class="row" style="display:none;" id="done">
            <p>Esta es la dirección del feed para tus programas favoritos:</p>
            <a id="feedURL" style="display:block; text-align: center;" href="#" target="_self"></a>
            <p>Cópiala y pegala en tu lector de feeds para no volver a perdértelos a partir de ahora.</p>
            <a id="backEnd" type="cancel" class="whiteButton">Volver</a>
        </div>
    </fieldset>
</form>


</body>
</html>
